<template>
  <div id="app">
    <el-container v-if="isLoggedIn">
      <el-header>
        <div class="header-left">
          <h1>洗衣服务管理系统</h1>
        </div>
        <div class="header-right">
          <message-notification />
          <span class="username">{{ username }}</span>
          <el-dropdown @command="handleCommand">
            <span class="el-dropdown-link">
              <i class="el-icon-user"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="profile">个人中心</el-dropdown-item>
              <el-dropdown-item command="logout">退出登录</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
      </el-header>
      
      <!-- 其他布局内容 -->
      
    </el-container>
    
    <!-- 未登录状态内容 -->
    
  </div>
</template>

<script>
import MessageNotification from '@/components/MessageNotification'

export default {
  components: {
    MessageNotification
  },
  // 其他代码
}
</script> 